<template>
	<div class="app-container">
		<div class="dashboard-container">
      <panel-group />

      <el-row :gutter="8">
        <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 12}" :xl="{span: 12}" style="margin-bottom:30px;">
          <el-row>
            <el-col :span="24">
              <el-image :src="require('@/assets/img/质量系统帮助文档.gif')"></el-image>
            </el-col>
            <el-col :span="24">
              <notice />
            </el-col>
          </el-row>
        </el-col>
        <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 12}" :xl="{span: 12}" style="margin-bottom:30px;">
          <msg />
        </el-col>
      </el-row>
    </div>
	</div>
</template>

<script>
  import PanelGroup from './components/PanelGroup'
  import Msg from './components/Msg'
  import Notice from './components/Notice'
	export default{
    name: 'home',
    components: {
      PanelGroup,
      Msg,
      Notice
    },
		data() {
			return {

			}
		},
		mounted(){

		},
		methods: {

    }
	}
</script>

<style lang="scss" scoped>
  .app-main{
    background-color: rgb(240, 242, 245);
  }
  .dashboard-container{
    position: relative;
  }
</style>
